<!doctype html>
<html>
  <head>
    <title>MacBook Info</title>
  </head>
  <body>
    <table>
      <thead>
        <tr>
          <th colspan="2">Apple Toshiba Lenovo Dell Asus Acer HP</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>
            <fieldset>
              <legend></legend>
              <table>
                <tr>
                  <td>
                    <fieldset>
                      <legend>Apple MacBook Air</legend>
                      <table>
                        <tr>
                          <td rowspan="2" width="75" height="58">
                            <img src="MacBook.jpg" alt="Pic">
						  </td>
                          <td>64 GB SSD</td>
                        </tr>
                        <tr>
                          <td>2 GB DDR</td>
                        </tr>
                        <tr>
                          <td>1300 USD</td>
                          <td>Intel Core i5</td>
                        </tr>
                      </table>
                    </fieldset>
                  </td>
                  <td>
                    <fieldset>
                      <legend>Toshiba</legend>
                      <table>
                        <tr>
                          <td rowspan="2" width="75" height="58">
                            <img src="MacBook.jpg" alt="Pic">
						  </td>
                          <td>64 GB SSD</td>
                        </tr>
                        <tr>
                          <td>2 GB DDR</td>
                        </tr>
                        <tr>
                          <td>1300 USD</td>
                          <td>Intel Core i5</td>
                        </tr>
                      </table>
                    </fieldset>
                  </td>
                </tr>
                <tr>
                  <td>
                    <fieldset>
                      <legend>Hewlett Packard</legend>
                      <table>
                        <tr>
                          <td rowspan="2" width="75" height="58">
                            <img src="MacBook.jpg" alt="Pic">
						  </td>
                          <td>64 GB SSD</td>
                        </tr>
                        <tr>
                          <td>2 GB DDR</td>
                        </tr>
                        <tr>
                          <td>1300 USD</td>
                          <td>Intel Core i5</td>
                        </tr>
                      </table>
                    </fieldset>
                  </td>
                  <td>
                    <fieldset>
                      <legend>Dell</legend>
                      <table>
                        <tr>
                          <td rowspan="2" width="75" height="58">
                            <img src="MacBook.jpg" alt="Pic">
						  </td>
                          <td>64 GB SSD</td>
                        </tr>
                        <tr>
                          <td>2 GB DDR</td>
                        </tr>
                        <tr>
                          <td>1300 USD</td>
                          <td>Intel Core i5</td>
                        </tr>
                      </table>
                    </fieldset>
                  </td>
                </tr>
                <tr>
                  <td>
                    <fieldset>
                      <legend>Lenovo</legend>
                      <table>
                        <tr>
                          <td rowspan="2" width="75" height="58">
                            <img src="MacBook.jpg" alt="Pic">
						  </td>
                          <td>64 GB SSD</td>
                        </tr>
                        <tr>
                          <td>2 GB DDR</td>
                        </tr>
                        <tr>
                          <td>1300 USD</td>
                          <td>Intel Core i5</td>
                        </tr>
                      </table>
                    </fieldset>
                  </td>
                  <td>
                    <fieldset>
                      <legend>Acer</legend>
                      <table>
                        <tr>
                          <td rowspan="2" width="75" height="58">
                            <img src="MacBook.jpg" alt="Pic">
						  </td>
                          <td>64 GB SSD</td>
                        </tr>
                        <tr>
                          <td>2 GB DDR</td>
                        </tr>
                        <tr>
                          <td>1300 USD</td>
                          <td>Intel Core i5</td>
                        </tr>
                      </table>
                    </fieldset>
                  </td>
                </tr>
              </table>
            </fieldset>
          </td>
          <td>
            <table>
              <form method="get">
                <tr>
                  <td>Min price: 500 USD</td>
                </tr>
                <tr>
                  <td>
                    <input id="sliderRed" type="range" min="0" max="500" value="250" onchange="changeColor('slider')"/>
                  </td>
                </tr>
                <tr>
                  <td>Max price: 1500 USD</td>
                </tr>
                <tr>
                  <td>
                    <input id="sliderRed" type="range" min="0" max="1500" value="750" onchange="changeColor('slider')"/>
                  </td>
                </tr>
                <tr>
                  <td>Min RAM: 4 GB</td>
                </tr>
                <tr>
                  <td>
                    <input id="sliderRed" type="range" min="0" max="4" value="2" onchange="changeColor('slider')"/>
                  </td>
                </tr>
                <tr>
                  <td>Max RAM: 16 GB</td>
                </tr>
                <tr>
                  <td>
                    <input id="sliderRed" type="range" min="0" max="16" value="8" onchange="changeColor('slider')"/>
                  </td>
                </tr>
              </form>
            </table>
          </td>
        </tr>
      </tbody>
    </table>
  </body>
</html>
